
<extend name="Base/common"/>
<block name="header">
</block>
<block name="body">
    <div class="header">
        <div class="container">
            <div class="logo wow fadeInRight" >
                <img src="__PUBLIC__/Green/images/logo.png" alt="" />
            </div>
            <span class="menu"></span>
            <div class="top-menu wow fadeInLeft">
                <ul>
                <volist name="navigation" id='nav'>
                    <li><a class="<eq name='nav.selected' value='1'>active</eq> scroll hvr-shutter-out-horizontal" href="{$nav.url|get_nav_url}"  target="<eq name='nav.target' value='1'>_blank<else/>_self</eq>">{$nav.title}</a></li>
                </volist>
                <if condition="is_login()">
                    <li><a style="font-size: 16px; padding-right: 6px;" href="{:U('User/index')}" id="car_top_msg">{:get_nickname()}</a><a style="color: #fff;padding: 0px; font-size: 16px;"" href="{:U('User/logout')}">退出</a></li>
                    
                <else/>
                    <li><a class="scroll hvr-shutter-out-horizontal" href="javascript:void(0);" id="car_top_msg">登陆/注册</a></li>
                </if>
                 </ul>
            </div>
        </div>
    </div>
    <div class="logo_show">
    	<div class="logo_body"
    	<form method="post" action="__CONTROLLER__/upload" enctype="multipart/form-data">
            <div class="logo_label">
                <label>车辆品牌</label>
            </div>
            <div class="logo_opt" style="display: inline;">
                <select name="brand_id1" aria-invalid="false">
        		<foreach name="menu" item="menu">
           	 		<option value="{$menu['brand_id']}">&nbsp;&nbsp;{$menu['brand_name']}</option>
       		 	</foreach>
            	</select>
            </div>
            <div class="logo_label">
                <label>车辆LOGO</label>
            </div>
            <div class="logo_upload">
                <input type="file" name="logofile1" class=""/>
            </div><br/>
            <div class="logo_label">
                <label>车辆品牌</label>
            </div>
            <div class="logo_opt" style="display: inline;">
                <select name="brand_id2" aria-invalid="false">
        		<foreach name="menu1" item="menu1">
           	 		<option value="{$menu1['brand_id']}">&nbsp;&nbsp;{$menu1['brand_name']}</option>
       		 	</foreach>
            	</select>
            </div>
            <div class="logo_label">
                <label>车辆LOGO</label>
            </div>
            <div class="logo_upload">
                <input type="file" name="logofile2" class=""/>
            </div><br style="height: 14px;"/>
            <div class="logo_label">
                <label>车辆品牌</label>
            </div>
            <div class="logo_opt" style="display: inline;">
                <select name="brand_id3" aria-invalid="false">
        		<foreach name="menu2" item="menu2">
           	 		<option value="{$menu2['brand_id']}">&nbsp;&nbsp;{$menu2['brand_name']}</option>
       		 	</foreach>
            	</select>
            </div>
            <div class="logo_label">
                <label>车辆LOGO</label>
            </div>
            <div class="logo_upload">
                <input type="file" name="logofile3" class=""/>
                
            </div><br/>
            <div class="logo_label">
                <label>车辆品牌</label>
            </div>
            <div class="logo_opt" style="display: inline;">
                <select name="brand_id4" aria-invalid="false">
        		<foreach name="menu3" item="menu3">
           	 		<option value="{$menu3['brand_id']}">&nbsp;&nbsp;{$menu3['brand_name']}</option>
       		 	</foreach>
            	</select>
            </div>
            <div class="logo_label">
                <label>车辆LOGO</label>
            </div>
            <div class="logo_upload">
                <input type="file" name="logofile4" class=""/>
                <input type="submit" value="上传" class="form_submit"/>
            </div><br style="height: 14px;"/>
        </form>
       </div>
    </div>
    </div>
    <div class="content">
        <div class="contact-section alignment">	
       			<div class=" container index-contact">
	       		<div class="contact" style="width: 20%">	
	       			<h1>联系我们</h1>
	       			<h2> 工作时间：9:00-17:30</h2>
	       			<h2>客服电话</h2>
	       			<p class="call" style="font-size: 30px;margin: 0.5em 0 0;" ><i class="phone" ></i>4000688511</p>
	       				
	       		</div>
	       		<div class="contact" style="margin-left: 47px;">
	       			<div class="img-ewm"><img alt="" src="__PUBLIC__/Green/images/index-APP.png"></div>
	       			<div class="img-text"><h2>智保APP二维码</h2></div>
	       			<div class="text"><h1>APP下载</h1>
	       			<h2>质保平台推出的全国首款环保主题APP车险产品，支持实时收益查看，三分钟出单，车况检测，车币兑换等</h2></div>
	       			
	       		
	       		</div>
	       		<div class="contact" style="float: right; margin-right: -43px;">
	       			<div class="img-ewm"><img alt="" src="__PUBLIC__/Green/images/index-wx.png"></div>
	       				<div class="img-text"><h2>智保微信二维码</h2></div>
	       			<div class="text"><h1>关注微信</h1>
	       			<h2>想了解智保新功能，促销活动和优惠政策，请关注智保车险公众账号</h2></div>
	       		</div>
       
       </div>
       </div>
	  		<div class="contact-bottom text-center" style="background: #fff;bottom: -67px;">
		        <div class="bottom-menu">
		            <ul>
		                <li><a class="scroll index-bottom-text" href="{:U('Page/zb')}">智保车险</a></li>
		                <li><a class="scroll index-bottom-text" href="{:U('Page/lp')}">理赔流程</a></li>
		                <li><a class="scroll index-bottom-text" href="{:U('Problem/index')}">常见问题</a></li>
		                <li><a class="scroll index-bottom-text" href="{:U('Propose/index')}">投诉建议</a></li>
		                <li><a class="scroll index-bottom-text" href="{:U('Page/about')}">商务合作</a></li>
		                <li><a class="scroll index-bottom-text" href="{:U('Job/index')}">招贤纳士</a></li>
		            </ul>
		        </div>
		    </div>
		    <div class="footer" style="background: #fff;margin-bottom: 50px;z-index: -1;">
		        <div class="container">
		            <div class="index-copyright text-center" >
		                <p style="margin-bottom: 25px;">Copyright &copy; 2015.智驾科技版权所有.</p>
		            </div>
		        </div>
		    </div>
    </block>
<block name="script">
<style>
	.alignment{
	
	}
	.img-ewm{
		margin-left: 60px;
	}
    .img-text{
		margin-top: 10px;
		margin-left: 80px;
		float: left;
    }
	.index-copyright p {
	    color: #7b7b7b;
	    font-size: 14px;
	    font-weight: 400;
	}
	.index-bottom-text{
		color: #7b7b7b !important;
		font-size:16px !important;
	}
 	.index-js h10{
		 font-size: 26px;
		 color:#282828
 	}   
 	.index-js  p{
		color: #7b7b7b;
	    font-size: 14px;
 		margin: 1.2em auto;
    	width: 60%;
 		line-height: 25px;
 	}
 	.index-js h4{
		color: #282828;
    	font-size: 18px;
 		margin-top: 1.2em;
 	}
 	.index-xxjs{
		overflow: hidden;
 		width: 32.888%;
 		float: left;
 	}
 	.contact-section{
		overflow: hidden;
 		background: #3ba87a;
 		height:314px;
 	}
 	.index-contact .contact{
		overflow: hidden;
 		width: 39.5%;
 		float: left;
 	}
 	.index-contact .contact h1{
		font-size:24px;
 		color:#fff;
 		margin-bottom: 20px;
 		
 	}
 	.index-contact .contact h2{
		font-size:14px;
 		color:#fff;
 		line-height: 27px;
 	}
 	.index-contact .contact .text{
		width: 170px; 
		float: left; 
		margin-top: -182px; 
		margin-left: 224px;
 	}
    
 </style>
<script type="text/javascript" src="__PUBLIC__/Green/js/datePicker.js"></script>
<script type="text/javascript" src="__PUBLIC__/Green/js/dropdownlist.js"></script>
<script type="text/javascript">
$("span.menu").click(function() {
    $(".top-menu").slideToggle("slow", function() {
        // Animation complete.
    });
});
$(window).resize(function() {
	if($(window).width()>800){
		$(".top-menu").css("display","block");
		$(".header").css("height","88px");
	}else{
		$(".top-menu").css("display","none");
		$(".header").css("height","auto");
	}	
	
});
var option = [['0天','0'],['1天','1'],['2天','2'],['3天','3'],['4天','4'],['5天','5'],['6天','6'],['7天','7']];
var option_there=0;
function select_list(name,value,obj){
	if(option_there==0){
		jQuery.dmSelect(name,value,option); 
		option_there=1;
	}
}
jQuery.dmSelect = function(name,value,data){  
    jQuery("#" + name).attr("readonly","readonly");   //设置控件只读  
    var top = jQuery("#" + name).offset().top;    //获取控件top、left位置和width、height  
    var left = jQuery("#" + name).offset().left;  
    var height = jQuery("#" + name).height();  
    var width = jQuery("#" + name).width()+3;  
    var option_open = false;       //标记是否打开下拉option  
    function __dropheight(l){var h;if(l>10 || l<1){h = 10 * 15;}else{h = l * 15; h += 2;}return h;}   //计算下拉option显示高度  
    var div_html = "<div id='_li_"+name+"' style='-webkit-transform: translateZ(0);position:absolute;background-color:#FFFFFF;outline: 1px solid #dedede;width:100%;margin-bottom:1px; overflow-x:hidden;overflow-y:auto;display:none;z-index:99999;'>";  
    //for循环填充option  
    for(var i = 0;i < data.length; i++){div_html += "<div style='text-align:left;padding-left:39px;padding-top: 4px;cursor:pointer;height: 30px;' mce_style='text-align:left;padding-left:5px;cursor:pointer;' value='" + data[i][1] + "'>" + data[i][0] + "</div>";}  
    div_html += "</div>";  
    jQuery("#" + name).after(div_html);   //添加到input控件后面  
    function __open_option(){jQuery("div[id^='_li_']").hide();jQuery("#_li_" + name).show();option_open=true;}   //显示下拉option  
    function __hide_option(){jQuery("#_li_" + name).hide();option_open=false;jQuery(document).unbind("click",__hide_option);}   //隐藏下拉option  
    jQuery("#" + name).click(function(event){if(option_open){__hide_option();}else{__open_option();jQuery(document).bind("click",__hide_option)}event.stopPropagation();});  
    jQuery("#_li_" + name + " > div").hover(function(){jQuery(this).css({"background-color":"#3ba87a"});},function(){jQuery(this).css({"background-color":"#FFFFFF"});})  
    .click(function(){jQuery("#" + name).val(jQuery(this).html());jQuery("#" + value).val(jQuery(this).attr("value"));});  
}

function selectOnChange (obj) {
	$(".cur-select").text(obj.options[obj.selectedIndex].text);
	$("input[name=days]").attr('value',obj.options[obj.selectedIndex].value);
}
	
	
	
	$('#form1').validate({
			rules: {
				price_: {
					required: true,
					digits: true
				},
				days_: {
					required: true,
					digits: true,
					range: [0,7]
				}
			},
			messages: {
				price_: "请填写购车价格",
				days_: "请填写一周开车天数"
			},
			showErrors : function(errorMap, errorList) {  
			    $.each(errorList, function(i, v) {  
				    var msg = (v.message); 
				    if (msg != "")  {
				     	alert(msg); 
				     	return false;
				  	} 
			    });	
			} ,  
	        /* 失去焦点时不验证 */
	        onfocusout: false,
	        onkeyup: false,
            submitHandler:function(form){
                $.post("{:U('Premium/calcSimple')}",$(form).serialize(),function(data){
                    if(data.status){
                        for(var s in data.info){
                            $('#'+s).text(data.info[s]);
                        }
                    }else{
                        alert(data.info);
                    }
                },'json');
            } 
		});
</script>
</block>
